<template>
	<div id="flex">
		<el-scrollbar style="height: 100%;">
			<div>
				中间占满，页头和页脚固定在上下两侧，中间内容有单独的滚动条<button @click="count=count===100?10:100">切换</button>
			</div>
			<div>默认布局</div>
			<div class="" v-for="i in count">
				{{i}}
			</div>
		</el-scrollbar>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				count: 10
			}
		},
		created() {

		},
		mounted() {

		},
		methods: {

		},
		computed: {

		},
		filters: {

		}
	}
</script>

<style lang="scss">
	#flex {
		height: 100%;
	}
</style>
